<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="master.css">
  <title>Document</title>
</head>

<body>
  <div class="container">
    <img src="img/iphonex.png" alt="" class="iphonex">
    <img src="img/Airpods.png" alt="" class="airpods">
    <img src="img/watch.png" alt="" class="watch">
    <img src="img/pencil.png" alt="" class="pencil">
    <img src="img/ipad.png" alt="" class="ipad">
    <div class="header">
      <div class="profile">
        <div class="jianshu">
          <h1>Jiang Hanlin</h1>
          <p>大家好，我叫江瀚林，我的英文名是Jarvis</p>
          <p>喜欢科技 UI设计 嵌入式开发</p>
          <p>喜欢不断学习新东西，不断迎接新的挑战</p>
          <p>希望有一天能够成为一名电子工程师，为此我一直在努力奋斗着</p>
          <div class="links">
            <a href="#" target="_blank"><img src="img/github.png" alt=""></a>
            <a href="#" target="_blank"><img src="img/csdn.png" alt=""></a>
            <a href="#" target="_blank"><img src="img/email.png" alt=""></a>
          </div>
        </div>
      <!--<div class="myphoto">
          <img src="img/me.jpg" alt="">
        </div>-->
      </div>
    </div>
    <div class="info">
      <div class="edu card">
        <h2><img src="img/教育.png" alt="" class='jiaoyu'>教育背景</h2>
        <ul>
          <li>小学：浙江省宁波市北仑区灵山学校</li>
          <li>初中：浙江省宁波市北仑区大碶中学</li>
          <li>高中：浙江省宁波市北仑区柴桥高中</li>
          <li><img src="img/zl.png" alt="" class='zl'>浙江理工大学科技与艺术学院</li>
          <li></li>
        </ul>
      </div>
      <div class="skill card">
        <h2><img src="img/能力.png" alt="" class='nengli'>技能证书</h2>
        <ul>
          <li><img src="img/cet4.png" alt="" class='cet4'>通过CET4</li>
          <li><img src="img/计算机.png" alt="" class='computer'>通过计算机二级C</li>
        </ul>
      </div>
      <div class="softwares card">
        <h2><img src="img/软件.png" alt="" class='ruanjian'>熟练运用</h2>
        <ul>
          <li><img src="img/ad.png" alt="" class='ad'>Altium Designer</li>
          <li><img src="img/ccs.png" alt="" class='ccs'>Code Composer Studio</li>
          <li><img src="img/Adobe.png" alt="" class='adobe'>Adobe</li>
          <li><img src="img/sd1.png" alt="" class='sd'>Solidworks</li>
          <li><img src="img/c4d.png" alt="" class='c4d'>Cinema 4D</li>
        </ul>
      </div>
    </div>
    <div class="project-wrap">
      <h2><img src="img/xiangmu.png" alt="" class='xiangmu'>项目作品</h2>
      <div class="projects">
        <div class="project">

          <a href="#">
            <img src="img/电子秒表.png" alt="">
            <h3>基于STC89C52的电子秒表</h3>
          </a>

          <p>如今科技高度发达的今天，计数工具多种多样
            本次通过使用型号为STC89C52RC的单片机，
            共阳数码管等电子元器件制作计数为100s的电子秒表，精度为0.01s
          </p>
          <span class="purple">#STC89C52RC单片机</span>
          <span class="red">#数码管</span>
        </div>
        <div class="project">
          <img src="http://fpoimg.com/380x420?text=Preview" alt="">
          <h3>基于STC89C52的电子秒表</h3>
          <p>如今科技高度发达的今天，计数工具多种多样
            本次通过使用型号为STC89C52RC的单片机，
            共阳数码管等电子元器件制作计数为100s的电子秒表，精度为0.01s
          </p>
          <span class="purple">#STC89C52RC单片机</span>
          <span class="red">#数码管</span>
        </div>
        <div class="project">
          <img src="http://fpoimg.com/380x420?text=Preview" alt="">
          <h3>基于STC89C52的电子秒表</h3>
          <p>如今科技高度发达的今天，计数工具多种多样
            本次通过使用型号为STC89C52RC的单片机，
            共阳数码管等电子元器件制作计数为100s的电子秒表，精度为0.01s
          </p>
          <span class="purple">#STC89C52RC单片机</span>
          <span class="red">#数码管</span>
        </div>
        <div class="project">
          <img src="http://fpoimg.com/380x420?text=Preview" alt="">
          <h3>基于STC89C52的电子秒表</h3>
          <p>如今科技高度发达的今天，计数工具多种多样
            本次通过使用型号为STC89C52RC的单片机，
            共阳数码管等电子元器件制作计数为100s的电子秒表，精度为0.01s
          </p>
          <span class="purple">#STC89C52RC单片机</span>
          <span class="red">#数码管</span>
        </div>
      </div>
    </div>
    <footer>
      <p>Designed by Jianghanlin 2019</p>
    </footer>
  </div>
</body>

</html>
